<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ page import="be.ac.ua.ecampus.uacmat.entity.*" %>
<%@ page import="be.ac.ua.ecampus.uacmat.*" %>
<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Course Material
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="my.css" />
        <style>
            /* App custom styles */
        </style>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
        </script>
        <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js">
        </script>
    </head>

<body>
        <!-- Browse -->
        <div data-role="page" id="browse">
            <div data-theme="a" data-role="header" data-position="fixed">
                <h3>
                    Course Material
                </h3>
                <div data-role="navbar" data-iconpos="left">
                    <ul>
                        <li>
                            <a href="/uacmat20/index.jsp" data-theme="a" data-icon="search">
                                Search
                            </a>
                        </li>
                        <li>
                            <a href="/uacmat20/browse.jsp" data-theme="b" data-icon="grid" class="ui-btn-active">
                                Browse
                            </a>
                        </li>
                        <li>
                            <a href="/uacmat20/about.jsp" data-theme="a" data-icon="info">
                                About
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div data-role="content">
                <div>
                    <p><font color="#7e002f">
                        <strong>
                            Faculties
                        </strong></font>
                    </p>
                    <ul>
 		<% QueryHandler handler = new QueryHandler(); %>
		<% for (final Faculty fac : handler.getFaculties()) { %>
			<li>
		    	<a href="/uacmat20/show?type=<%= fac.getType() %>&id=<%= fac.getId() %>"><%= fac.getDescription() %></a>
			</li>
		<% } %>
                    </ul>
                </div>
            </div>
        </div>
</body>
</html>